<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
  var info = {
    name:"why",
    age:18,
    height:1.88
  }
  console.log(`key:${"name"},value:${info.name}`)
  console.log(`key:${"age"},value:${info.age}`)
  console.log(`key:${"height"},value:${info.height}`)

  console.log(Object.keys(info))
  //对对象进行遍历
  //普通的for循环
  //进行for循环的前提是需要拿到我们这里的key
  var inforKeys = Object.keys(info)
  for (var i =0; i < inforKeys.length; i++) {
      var key = inforKeys[i]
      //根据我们的key,从我们的info里面去获取，不能写成info.key，因为我们的key是保存到一个变量中，这时候也需要我们的中括号

      var value = info[key]
      console.log(`key:${key}, value:${value}`)
      // var value = info[key]
      // console.log(key)
      // console.log(value)
  }
  
  //第二种for循环方式   for  in  遍历对象
  //变量的名字
  //根据你的对象里面的属性个数，给你遍历一个对应的次数
    for (var key in info) {
      debugger
      var value = info[key]
      console.log(`key:${key},value:${value}`)
      // console.log(key)
    }

    //for  of  ;默认不能遍历对象
    for (var foo of info) {//数组支持这种遍历

    }
  </script>
</body>
</html>